<template>
  <div class="w-full h-10 bg-blue-200 flex justify-between items-center">
    <div class="w-200px flex-shrink-0 h-full juzhong relative">
      <span>这是logo区域</span>
      <div class="absolute inset-0 cursor-pointer hover:bg-opacity-50 bg-opacity-0 bg-white"></div>
    </div>
    <div class="flex-1 h-full flex justify-between items-center">
      <div>
        <div class="border border-gray-600 hover:border-blue-500 text-gray-600 hover:text-blue-500 cursor-pointer p-1">全部模块</div>
      </div>
      <div class="flex-1 h-full flex justify-evenly items-center">
        <span>当前时间</span>
        <span>今天天气</span>
      </div>
    </div>
    <div class="h-full px-4 juzhong">
      <span>右侧帐号区域</span>
    </div>
  </div>
</template>

<script setup>
import {useStore} from "vuex";
import {useRoute, useRouter} from "vue-router";
import {computed} from "vue";

const store = useStore()
const route = useRoute()
const router = useRouter()

const menulist = computed(()=>store.state.tiaozhuan.menulist)
const conUrl = computed(()=>store.state.tiaozhuan.conUrl)
</script>

<style scoped>

</style>